<template>
  <div>
    <router-view>

<<<<<<< HEAD
        <!-- 我的订单 -->
        <h1>我的订单</h1>
        <div class="container">
            <van-grid>
                <van-grid-item icon="passed" text="已支付" @click="passedClick" />
                <van-grid-item icon="paid" text="待支付" />
                <van-grid-item icon="refund-o" text="退款中" />
                <van-grid-item icon="apps-o" text="全部订单" />
            </van-grid>
        </div>

        <van-cell-group>
            <van-cell title="个人资料" icon="label-o" is-link arrow-direction="right" @click="$router.push('/personal')" />
            <van-cell title="修改密码" icon="edit" is-link arrow-direction="right" />
            <van-cell title="我的房源信息" icon="hotel-o" is-link arrow-direction="right" />
            <van-cell title="成为房东" icon="wap-home-o" is-link arrow-direction="right" />
            <van-cell title="我的钱包" icon="paid" is-link arrow-direction="right" />
            <van-cell title="我的优惠券" icon="other-pay" is-link arrow-direction="right" />
            <van-cell title="消息中心" icon="chat-o" is-link arrow-direction="right" />
            <van-cell title="意见反馈" icon="question-o" is-link arrow-direction="right" @click="feedbackClick" />
        </van-cell-group>

        <!-- <van-button plain hairline type="primary" @click="logoutClick">退出登录</van-button>  -->

        <!-- 遮罩层 -->
        <van-button type="primary" text="退出登录" @click="show = true" />
        <van-overlay :show="show" @click="show = false">
            <template #default>
                <div class="textBox">
                    <h2>温馨提示</h2>
                    <p>确定要退出?</p>
                    <button class="btn1" @click="conClick('false')">取消</button>
                    <button class="btn2" @click="conClick('true')">确定</button>
                </div>
            </template>
        </van-overlay>

    </div>
</template>

<style lang="scss" scoped>
.box {
    padding-bottom: 80px;
}

.top {
    position: relative;
    height: 150px;
    background-color: #e6fcf5;
    // background: url(../../assets/bg.jpg) no-repeat;
}

.user-head {
    position: absolute;
    display: flex;
    margin-top: 30px;
    margin-left: 160px;
}

h1 {
    font-size: 18px;
    margin-left: 20px;
    margin-top: 3px;
    border-color: #f8f9fa;
}

.container {
    height: 80px;
    background-color: #f8f9fa;
}

.box>.van-button {
    margin-top: 20px;
    width: 300px;
    margin-left: 38px;
}

.textBox {
    display: block;
    width: 200px;
    height: 120px;
    background-color: white;
    border-radius: 5px;
    margin-top: 350px;
    margin-left: 88px;
    overflow: hidden;
}

h2 {
    font-size: 15px;
    margin-left: 66px;
    margin-top: 20px;
}

.textBox>p {
    font-size: 12px;
    margin-left: 66px;
    margin-top: 15px;
}

.textBox>.btn1 {
    color: gray;
    margin-left: 50px;
    margin-top: 10px;
}

.textBox>.btn2 {
    color: blue;
    margin-left: 17px;
    margin-top: 10px;
}
</style>
=======
    </router-view>
  </div>
</template>
>>>>>>> ead863719c79939a16115f8ffbca36d3ab97fc79
